import React from 'react';

import propTypes from "prop-types";

class ReactPropTypes extends React.Component {

  // static 是 ES2016 新增的类的静态属性

  // props 类型校验
  static propTypes = {
    ml: propTypes.number
  };

  // props 默认值设置
  static defaultProps = {
    activeIndex: 0
  };

  render() {
    return (
      <div>
        <h1>props组件类型校验</h1>
        <p>
          {this.props.msg}
        </p>
        <p>
          你打针的总毫升数是：{this.props.ml + 10}
        </p>
        <p>你当前选中的索引值为:{this.props.activeIndex}</p>
      </div>
    );
  }
}

// // 数据类型校验 
// ReactPropTypes.propTypes = {
//   // 校验 ml 属性是否为 number 类型，如果开发者传入的不是 number 类型控制台就会报错。
//   ml: propTypes.number
// };



export default ReactPropTypes;